* reset */
*{
  margin:0;
  padding:0;
}
html, body {
  font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  font-size: 13px;
  color: #676a6c;
  overflow-x: hidden;
  margin:0 auto;
  /*background-color: #f2f2f2;*/
  height:100%;
}
h3, h4, h5 {
  font-weight: 600;
}
h5 {
  font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  font-weight: 100;
}
a:hover, a:focus{
  text-decoration: none;
}
.clearfix{}
.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.to{
  height: 34px;
  line-height: 34px;
  padding: 0 5px;
}
.fontawesome-icon-list {
  margin-top: 22px;
}
.fontawesome-icon-list .fa-hover a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: #222222;
  line-height: 32px;
  height: 32px;
  padding-left: 10px;
  border-radius: 4px;
}
.fontawesome-icon-list .fa-hover a .fa {
  width: 32px;
  font-size: 14px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
}
.fontawesome-icon-list .fa-hover a:hover {
  background-color: #1d9d74;
  color: #ffffff;
  text-decoration: none;
}
.fontawesome-icon-list .fa-hover a:hover .fa {
  font-size: 28px;
  vertical-align: -6px;
}
.fontawesome-icon-list .fa-hover a:hover .text-muted {
  color: #bbe2d5;
}
.gray-bg{background-color:#f3f3f4}
.white-bg{background-color:#fff}
.navy-bg{background-color:#1ab394;color:#fff}
.blue-bg{background-color:#1c84c6;color:#fff}
.lazur-bg{background-color:#23c6c8;color:#fff}
.yellow-bg{background-color:#f8ac59;color:#fff}
.red-bg{background-color:#ed5565;color:#fff}
.black-bg{background-color:#262626}
.wrapper-content {padding: 20px;}
.wrapper {padding: 0 20px;}
#wrapper{
  width: 100%;
  overflow-x: hidden;
}
.panel-primary {
    border-color: #1dc5a3;
}
.panel-primary>.panel-heading {
    background-color: #1dc5a3;
    border-color: #1dc5a3;
}
.btn-primary {background-color: #1ab394; border-color: #1ab394;color: #FFF;}
.btn{border-radius:3px}
.btn-w-m{min-width:120px}
.btn-primary.btn-outline{color:#1ab394}
.btn-success.btn-outline{color:#1c84c6}
.btn-info.btn-outline{color:#23c6c8}
.btn-warning.btn-outline{color:#f8ac59}
.btn-danger.btn-outline{color:#ed5565}
.btn-danger.btn-outline:hover,.btn-info.btn-outline:hover,.btn-primary.btn-outline:hover,.btn-success.btn-outline:hover,.btn-warning.btn-outline:hover{color:#fff}
.btn-primary{background-color:#1ab394;border-color:#1ab394;color:#FFF}
.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{background-color:#18a689;border-color:#18a689;color:#FFF}
.btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary{background-image:none}
.btn-primary.active[disabled],.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#1dc5a3;border-color:#1dc5a3}
.btn-success{background-color:#1c84c6;border-color:#1c84c6;color:#FFF}
.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success{background-color:#1a7bb9;border-color:#1a7bb9;color:#FFF}

.btn-large-dim{width:90px;height:90px;font-size:42px}
button.dim{display:inline-block;color:#fff;text-decoration:none;text-transform:uppercase;text-align:center;padding-top:6px;margin-right:10px;position:relative;cursor:pointer;border-radius:5px;font-weight:600;margin-bottom:20px!important}
button.dim:active{top:3px}
button.btn-primary.dim{box-shadow:inset 0 0 0 #16987e,0 5px 0 0 #16987e,0 10px 5px #999}
button.btn-primary.dim:active{box-shadow:inset 0 0 0 #16987e,0 2px 0 0 #16987e,0 5px 3px #999}
button.btn-default.dim{box-shadow:inset 0 0 0 #b3b3b3,0 5px 0 0 #b3b3b3,0 10px 5px #999}
button.btn-default.dim:active{box-shadow:inset 0 0 0 #b3b3b3,0 2px 0 0 #b3b3b3,0 5px 3px #999}
button.btn-warning.dim{box-shadow:inset 0 0 0 #f79d3c,0 5px 0 0 #f79d3c,0 10px 5px #999}
button.btn-warning.dim:active{box-shadow:inset 0 0 0 #f79d3c,0 2px 0 0 #f79d3c,0 5px 3px #999}
button.btn-info.dim{box-shadow:inset 0 0 0 #1eacae,0 5px 0 0 #1eacae,0 10px 5px #999}
button.btn-info.dim:active{box-shadow:inset 0 0 0 #1eacae,0 2px 0 0 #1eacae,0 5px 3px #999}
button.btn-success.dim{box-shadow:inset 0 0 0 #1872ab,0 5px 0 0 #1872ab,0 10px 5px #999}
button.btn-success.dim:active{box-shadow:inset 0 0 0 #1872ab,0 2px 0 0 #1872ab,0 5px 3px #999}
button.btn-danger.dim{box-shadow:inset 0 0 0 #ea394c,0 5px 0 0 #ea394c,0 10px 5px #999}
button.btn-danger.dim:active{box-shadow:inset 0 0 0 #ea394c,0 2px 0 0 #ea394c,0 5px 3px #999}
button.dim:before{font-size:50px;line-height:1em;font-weight:400;color:#fff;display:block;padding-top:10px}
button.dim:active:before{top:7px;font-size:50px}

.y-btn-green{background:#55c577;border-color:#39b25e}
.y-btn-green .label,.y-btn-green:hover .label{color:#fff}

.badge{background-color:#d1dade;color:#5e5e5e;font-family:'Open Sans';font-size:11px;font-weight:600;padding-bottom:4px;padding-left:6px;padding-right:6px;text-shadow:none}
.badge-primary,.label-primary{background-color:#1ab394;color:#FFF}
.badge-success,.label-success{background-color:#1c84c6;color:#FFF}
.badge-warning,.label-warning{background-color:#f8ac59;color:#FFF}
.badge-warning-light,.label-warning-light{background-color:#f8ac59;color:#fff}
.badge-danger,.label-danger{background-color:#ed5565;color:#FFF}
.badge-info,.label-info{background-color:#23c6c8;color:#FFF}
.badge-inverse,.label-inverse{background-color:#262626;color:#FFF}
.badge-white,.label-white{background-color:#FFF;color:#5E5E5E}
.badge-disable,.label-white{background-color:#2A2E36;color:#8B91A0}

.ml15{margin-left: 15px;}
.pb5 {padding-bottom: 5px;}

.clients-list table tr td {
  height: 46px;
  vertical-align: middle;
  border: none;
}

.logo img{ margin-top:5px;}
i[class^="fa"]{
  font-size: 16px;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  vertical-align: middle;
  -webkit-transition: all 0.12s;
  -moz-transition: all 0.12s;
  transition: all 0.12s;
}

.container-fluid.main-nav li.active{
  background-color: white;
}

/** 客户管理 */
.clients-list {
    margin-top: 20px;
}
.client-avatar{
  width: 42px;
}
.client-avatar img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
.client-link {
  font-weight: 600;
}
.contact-type {
  width: 20px;
  color: #c1c3c4;
}
.client-status {
    text-align: left;
}

/** 下拉菜单 */
.dropdown-menu {
  margin-top: 0;
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #dddddd;
  padding: 0;
  min-width: 120px;
  max-width: 300px; 
}
.dropdown-menu > li {
  margin: 0; 
}  
.dropdown-menu > li > a {
  padding: 10px 15px 10px 2px;
  border-bottom: 1px solid #e2e2e2;
  color: #999999;
  font-size: 12px;
  margin-left: 14px; 
}    
.dropdown-menu > li > a:hover, .dropdown-menu > li > a.current {
  border-bottom-color: #007aff;
  color: #007aff;
  background: transparent; 
}
.dropdown-menu > li > a i {
  margin-right: 10px;
  font-size: 18px;
  vertical-align: middle; 
}
.dropdown-menu > li:last-child > a {
  border: 0; 
}
.dropdown-menu > li .notifications {
  margin: -1px -4px 0 0 !important;
  float: right; 
}
.dropdown-menu > li p {
  margin: 0 60px 0 0; 
}

/**
 * 文章模块
 */
.article-thumb{
  border: 1px dashed #ccc; background: url(../images/pic.bg.png) no-repeat center center; 
}
.pad10{
  padding: 10px;
}

/**
 * 时间轴
 */
#vertical-timeline{position:relative;padding:0;margin-top:2em;margin-bottom:2em}
#vertical-timeline::before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#f1f1f1}
.vertical-timeline-content .btn{float:right}
#vertical-timeline.light-timeline:before{background:#e7eaec}
.dark-timeline .vertical-timeline-content:before{border-color:transparent #f5f5f5 transparent transparent}
.dark-timeline.center-orientation .vertical-timeline-content:before{border-color:transparent transparent transparent #f5f5f5}
.dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before,.dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before{border-color:transparent #f5f5f5 transparent transparent}
.dark-timeline .vertical-timeline-content,.dark-timeline.center-orientation .vertical-timeline-content{background:#f5f5f5}
.vertical-timeline-content p{margin:0}
.vertical-timeline-icon.gray-bg{color:#a7aaab}
.center-orientation .vertical-timeline-icon i{margin-left:0;margin-right:-12px}
.vertical-timeline-icon i{right:50%;left:auto;margin-left:auto;margin-right:-12px}
@media only screen and (min-width:1170px){#vertical-timeline.center-orientation{margin-top:3em;margin-bottom:3em}
#vertical-timeline.center-orientation:before{left:50%;margin-left:-2px}
}
@media only screen and (max-width:1170px){.center-orientation.dark-timeline .vertical-timeline-content:before{border-color:transparent #f5f5f5 transparent transparent}
}
.vertical-timeline-block{position:relative;margin:2em 0}
.vertical-timeline-block:after{content:"";display:table;clear:both}
.vertical-timeline-block:first-child{margin-top:0}
.vertical-timeline-block:last-child{margin-bottom:0}
@media only screen and (min-width:1170px){
  .center-orientation .vertical-timeline-block{margin:4em 0}
  .center-orientation .vertical-timeline-block:first-child{margin-top:0}
  .center-orientation .vertical-timeline-block:last-child{margin-bottom:0}
}
.vertical-timeline-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;font-size:16px;border:3px solid #f1f1f1;text-align:center}
.vertical-timeline-icon i{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-9px}
@media only screen and (min-width:1170px){
  .center-orientation .vertical-timeline-icon{width:50px;height:50px;left:50%;margin-left:-25px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;font-size:19px}
  .center-orientation .vertical-timeline-icon i{margin-left:-12px;margin-top:-10px}
  .center-orientation .cssanimations .vertical-timeline-icon.is-hidden{visibility:hidden}
}
.vertical-timeline-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em}
.vertical-timeline-content:after{content:"";display:table;clear:both}
.vertical-timeline-content h2{font-weight:400;margin-top:4px}
.vertical-timeline-content p{margin:1em 0;line-height:1.6}
.vertical-timeline-content .vertical-date{float:left;font-weight:500}
.vertical-date small{color:#1ab394;font-weight:400}
.vertical-timeline-content::before{content:'';position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}
@media only screen and (min-width:768px){
  .vertical-timeline-content h2{font-size:18px}
  .vertical-timeline-content p{font-size:13px}
}
@media only screen and (min-width:1170px){
  .center-orientation .vertical-timeline-content{margin-left:0;padding:1.6em;width:45%}
  .center-orientation .vertical-timeline-content::before{top:24px;left:100%;border-color:transparent;border-left-color:#fff}
  .center-orientation .vertical-timeline-content .btn{float:left}
  .center-orientation .vertical-timeline-content .vertical-date{position:absolute;width:100%;left:122%;top:2px;font-size:14px}
  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content{float:right}
  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before{top:24px;left:auto;right:100%;border-color:transparent;border-right-color:#fff}
  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn{float:right}
  .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date{left:auto;right:122%;text-align:right}
  .center-orientation .cssanimations .vertical-timeline-content.is-hidden{visibility:hidden}
}

/** 文件管理器 */
.menu-list{padding: 0px; }
.menu-list li{display:block; list-style: none;}
.menu-list li a{color:#666;display:block;padding:6px 0;height: 31px; line-height: 31px;line-height: 32px\9;padding: 1px 0;
    text-decoration: none; zoom: 1; margin: 3px 0;}
.menu-list li a:hover{
  background-color: #f3f3f4;
}
.menu-list a .text{
  position: relative;
  display: block;
  height: 31px;
  margin: 0 auto;
  padding-left: 35px;
  cursor: pointer;
  font-size: 14px;
}
.menu-list li i{margin-right:8px;color:#3d4d5d}
.menu-list .hr-line-dashed{
  margin: 5px 0;
  border-top: #dce1e6 1px solid;
  border-bottom: #f7f9fb 1px solid;
}

/* TAGS */
ul.tag-list{padding: 0px; margin-left: 15px; }
ul.tag-list li {list-style: none;}
.tag-list li{float:left}
.tag-list li a{font-size:10px;background-color:#f3f3f4;padding:5px 12px;border-radius:2px;border:1px solid #e7eaec;margin-right:5px;margin-top:5px;display:inline-block;}

.form-tags span, .input-tags {
  padding: .3em .6em .3em; 
  display: inline-block;
  font-size: 14px;
  margin: 4px 4px 0 0;
  line-height: 26px;
  font-weight: normal;
}
.form-tags span i{
  margin-left: 4px;
  font-size: 16px;
  /*font-weight: 700;*/
}
.form-tags span i:hover{
  color: #c00;
}
.input-tags {width: auto;}

#tagsList{
  position: relative;
  display: none;
  background: rgba(255, 255, 255, 0.96);
  height: auto;
}

#tagsList>div{
  max-height: 120px;
  min-height: 90px;
  _height: 120px;
  overflow-x:hidden;
  overflow-y:auto;
}

#tagsList dt{
  color:#676a6c;
  padding: 10px 10px;
  font-weight: normal;
}

#tagsList dd{
  margin:0px 8px 5px 0px;
  width: auto;
  float:left;
  padding:3px 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #e7eaec;
  color: #676a6c;
  display: inline-block;
  cursor: pointer;
  background-color: #fff;
}

#tagsList dd.active{
  color: green;
  border-color: green;
}

#tagsList dd.addNew{
  border-style:dashed;
}

#tagsList .closeBtn{
  display: inline-block;
  float: right;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  border-radius: 50%;
  font-size: 16px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  padding: 0px 8px;
  filter: alpha(opacity=90);
  opacity: .9;
}

/** 批量操作 */
.op-bar{
  padding: 0 20px;
  margin: 0 auto 10px;
  width: 100%;
  height: 45px;
  line-height: 45px;
  background-color: #f2f2f2;
  border-radius: 2px 2px 0 0;
  box-shadow: 0 2px 3px rgba(0,0,0,.2);
  clear: both;
}
.op-select .item-select{display: inline-block;}
.check-info{display: none;}
.show-toolbar{display: inline-block;}
.op-action{display: inline-block; margin-left: 20px;}
.op-action .disabled{
  text-decoration: none;
  cursor: default;
  pointer-events: none;
  color: #9ebdd9;
}

/** 文件管理器面包屑导航 */
/*.op-nav{
  width: 100%; float: left; height:35px; line-height:35px; position:relative;
}
.opbread-icons,.opbread-icons:hover{
  background-image:url(../images/sprite/yunpan.png);
  background-repeat:no-repeat;
}
#op-prev{display: none;width:44px; height:32px; background-position:-77px -401px; cursor:pointer; display:block; float:left;}
#op-prev:hover{ background-position:-77px -439px;}*/
#op-prev{display:none;}
.opbreadcrumb{display: inline-block;}

/* 文件列表展示 */
.file-box{float:left;width:136px;margin-right: 9px;}
.file{border:1px solid #e7eaec;padding:0;background-color:#fff;position:relative;margin-bottom:20px;margin-right:10px}
.file .icon,.file .image{height:95px;overflow:hidden;}
.file .icon{padding:10px 1px;text-align:center}
.file .icon i{font-size:70px;color:#dadada}
.file .file-name{padding:8px 0px;background-color:#f8f8f8;border-top:1px solid #e7eaec;text-overflow: ellipsis;
    overflow: hidden;text-align: center;white-space:nowrap;min-height: 35px;}
.file-name small{color:#676a6c}
.file .item-select{position: absolute;display: inline-block;top:0;left: 0;}
.item-select .icon-check{margin:0; width: 20px; height: 20px;display: inline-block; border: 1px solid #979797;background-color: #fff; vertical-align: middle;}
.file:hover{
  border: 1px #69ACE0 solid;
  -moz-box-shadow: 1px 1px 10px 2px #69ACE0;
  -webkit-box-shadow: 1px 1px 10px 2px #69ACE0;
  box-shadow: 1px 1px 10px 2px #69ACE0;
}
.file .create-folder{
  position: absolute;
  bottom: 0px;
}

/** iconview样式  */
.iconview{
  clear:both;
  padding: 10px 0px 0px;
  overflow-y:hidden;
  overflow-x: auto;
  width: 100%;
}
.iconview .viewholder{
  width: 100%;
}
.iconview a{
  position:relative;
  border: 1px solid #e7eaec;
}
.iconview a:hover{
  border: 1px #69ACE0 solid;
  -moz-box-shadow: 1px 1px 10px 2px #69ACE0;
  -webkit-box-shadow: 1px 1px 10px 2px #69ACE0;
  box-shadow: 1px 1px 10px 2px #69ACE0;
}
.iconview a img{
  min-height: 80px;
  _height: 80px;
  min-width: 160px;
  background: url(../images/pic.bg.png) no-repeat center center; 
}
.iconview .closeBtn{
  position: absolute;
  top: 2px;
  right: 5px;
  font-size: 30px;
  display: inline-block;
}

/** 播放和文件图标 */
.play-icon{
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -35px 0 0 -30px;
  width: 60px;
  height: 60px;
  display: block;
  cursor: pointer;
  line-height: 1000px;
  overflow: hidden;
  background: url(../images/sprite/ico_play.png) no-repeat 0 0;
}
.folder-icons{
  width:100%;
  height: 100px;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  background: url(../images/sprite/gridIcon_77.png) no-repeat 0 0;
}
.folder{
  background-position: 26px -87px;
}
.cloudfile{
  background-position: 35px 8px;
}
.file-icons{
  width:100%;
  height: 100px;
  display: inline-block;
  text-align: center;
  overflow: hidden;
  background: url(../images/sprite/gridIcon_17.png) no-repeat 0 0;
}
.word{
  background-position: -265px 7px;
}
.excel{
  background-position: -165px 7px;
}
.ppt{
  background-position: -365px 7px;
}
.pdf{
  background-position: -465px 7px;
}
.rar{
  background-position: 35px 7px;
}
.zip{
  background-position: -65px 8px;
}
.item-select.item-checked .icon-check {
  background-image: url(../images/sprite/photoicons.png);
  background-position: -666px -152px;
  background-color: #67B1EA;
  border: 1px solid #2375C8;
}
.corner{position:absolute;display:inline-block;width:0;height:0;line-height:0;border:.6em solid transparent;border-right:.6em solid #f1f1f1;border-bottom:.6em solid #f1f1f1;right:0;bottom:0}

.btn-default-outline {
  color: #999999;
  border: 1px solid #bbbbbb;
}
.btn-default-outline:hover, .btn-default-outline.active {
  background: #bbbbbb;
  color: white; 
}



/** 动画 */
.animated {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  z-index: 100;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0.8;
  }

  to {
    opacity: 1;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/** 登录表单样式 */
.login{
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
  border: none;
  margin-top:8%;
}
.login input.form-control {
  height: 48px;
  font-size: 15px;
  box-shadow: none;
}
.login .form-group{
  margin: 0 auto;
  padding-bottom: 15px;
}
.login .error{
  text-overflow: ellipsis;
  white-space: nowrap;
}

/** 顶部导航 */
.modal-header .close {
  font-size: 30px;
}
.navbar-toggle{
  margin:0 auto;
  padding: 12px 10px;
}
.navbar{
  margin-bottom: 0px;
  min-height:auto;
}
.navbar .nav-collapse .nav > li {
  float: none;
  display: inline-block;
  text-align: center;
  margin: 0 6px;
}
.navbar .nav-collapse .nav > li > a {
  display: block;
  height: 100%;
  text-align: center;
  padding: 10px 15px 9px;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.navbar .nav-collapse .nav > li > a span {
  font-size: 28px;
  width: 28px;
  height: 28px;
  display: block;
  margin: 0 auto 2px;
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
  -moz-border-bottom-colors:none;
  -moz-border-left-colors:none;
  -moz-border-right-colors:none;
  -moz-border-top-colors:none;
  background:0 0;
  border-color:#ddd #ddd rgba(0,0,0,0);
  border-bottom:#f3f3f4;
  border-image:none;
  border-style:solid;
  border-width:1px;
  color:#555;
  cursor:default
}
.nav.nav-tabs li{background:0 0;border:none}
.nav-tabs>li>a{color:#A7B1C2;font-weight:600;padding:10px 20px 10px 25px}
.nav-tabs>li>a:focus,.nav-tabs>li>a:hover{background-color:#e6e6e6;color:#676a6c}

.navbar-collapse .nav>li>a.active{border-bottom: 2px solid #19aa8d;background: #fff;}
.navbar-collapse .nav>li>a:focus,.navbar-collapse .nav .open>a,.navbar-collapse .nav .open>a:focus {
  border-bottom: 2px solid #19aa8d;
  background: #fff;
}
.navbar-collapse .nav .open>a,.navbar-collapse .nav .open>a:focus,.navbar-collapse .nav .open>a:hover {
  border-bottom: 2px solid #19aa8d;
  background: #fff;
}
.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:focus, .navbar .navbar-nav>.open>a:hover{
  background: #fff;
}
.topbar .navbar-brand{
  background: #1ab394;
  color: #fff;
}
.topbar .navbar-brand:focus,.topbar .navbar-brand:hover{
  color:#fff;
  background-color:#1ab394;
}
.nav>li>a{
  /*border-bottom:2px solid transparent;*/
  color: #999999;
}
.navbar-top-links li:last-child {
  margin-right: 30px;
}
.navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: 0;
}
.count-info .badge {
  line-height: 12px;
  padding: 1px 5px;
  position: absolute;
  right: 6px;
  top: 12px;
}
.navbar-top-links li a {
  padding: 15px 10px;
  min-height: auto;
}
.navbar-top-links .dropdown-menu li {
  display: block;
  margin:0 auto;
  padding:2px 0px;
}
.navbar-top-links .dropdown-alerts,.navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks{width:310px;min-width:0}
.navbar-top-links .dropdown-alerts{margin-left:-123px}
@media (min-width:768px){
  .navbar-top-links .dropdown-alerts,.navbar-top-links .dropdown-messages,.navbar-top-links .dropdown-tasks{
    margin-left:auto
  }
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  background-color: #1ab394;
  border-color: #1ab394;
}
.nav li>a {
  display: block;
}
.dropdown-menu {
  border: medium none;
  display: none;
  float: left;
  font-size: 12px;
  left: 0;
  list-style: none outside none;
  padding: 0;
  position: absolute;
  text-shadow: none;
  top: 100%;
  z-index: 1000;
  border-radius: 0;
  box-shadow: 0 0 3px rgba(86,96,117,.3);
}
.dropdown-menu>li>a {
  border-radius: 3px;
  line-height: 25px;
  margin: 4px;
  text-align: left;
  font-weight: 400;
  color: #999999;
}
.dropdown-alerts,.dropdown-messages{padding:10px}
.navbar-top-links .dropdown-menu{
  border: 1px solid #19aa8d;
  -moz-box-shadow: 1px 1px 1px #69ACE0;
  -webkit-box-shadow: 1px 1px 1px #69ACE0;
  box-shadow: 1px 1px 1px #69ACE0;
}
.user-profile img{
  width:28px;
  height:28px;
  border-radius: 50%;
  margin-top:-5px;
  border: 2px solid #fff;
}
.article-icon{
  width:28px;
  height:28px;
  border:none;
  margin-left:20px;
  background-color: #fff;
}
.artwork-icon{
  width:40px;
  height:40px;
  border:none;
  margin-left:20px;
  background-color: #fff;
}
.blue-bg{
  background-color: #1ab394;color:white;
}
.gridnav{
  width:400px;
  border:1px solid #19aa8d;
  -moz-box-shadow: 1px 1px 1px #69ACE0;
  -webkit-box-shadow: 1px 1px 1px #69ACE0;
  box-shadow: 1px 1px 1px #69ACE0;
}
.gridnav dd{
  clear:both;padding:8px;font-size: 12px;
}
.gridnav ul{
  margin-left:10px;padding:0px;
}
.gridnav ul li{
  list-style:none;float:left;font-weight:normal;
}
.gridnav li a{
  padding: 10px 3px;
}

.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #e1e1e1;
}
.ui-grid-cell .ui-grid-row-header-cell {
  background-color: #f3f3f3;
}
.ui-grid-row:hover .ui-grid-cell {
  background-color: #e4de8e;
}

/* 面包屑导航 */
.crumb{
  margin-left: 20px;
  margin-top: 5px;
}
.breadcrumb{
  background:transparent;
  padding:2px 15px;
  margin-bottom:5px;
}
.backBtn{
  font-size:20px;
  color: #1d9d74;
  padding:0 5px;
}
.panelTitle{  
  font-size:18px;
}

/** 高级搜索 */
.searchForm .control-label{
  padding-left: 5px;
  padding-right: 5px;
}
.search-area{
  padding:10px;
}
.fl{
  float:left;
}
.fr{
  float:right;
}
.w80{
  width:80px;
  margin-right: 5px;
}
.w120{
  width:120px;
}
.w350{
  width:350px;
}
.w90c{
  width:90%;
}
.w25c{
  width:195px;
  float: left;
  margin-right: 5px;
}
.w50c{
  width:50%;
  min-width: 320px;
}
.hide{
  display: none;
}
.show{
  display: block;
}
.tips{
  height: 34px;
  line-height: 34px;
  margin-left: 10px;
}
.spitter{
  line-height: 21px; padding: 5px 3px; color: #CCC;
}
.hideSearchItems{
  display: none;
}
.whiteblock{
  margin-right:20px;
}
/** 左侧导航 */
.leftNav .list-group{
  margin-bottom: 5px;
}
.leftNav .list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border:0px;
}
.leftNav .panel-body{
  padding: 5px;
}

/** 底部工具条 */
#toolbar {
  font-size: 12px;
  position: fixed;
  _position: absolute;
  z-index: 100;
  right: 0;
  bottom: 0;
  height: 32px;
  *zoom: 1;
}
#toolbarToggle {
  float: right;
  border-top: 1px solid #969696;
  width: 31px;
  height: 31px;
  cursor: pointer;
  /*-webkit-transition: background-position 0.3s ease;
  -moz-transition: background-position 0.3s ease;
  -ms-transition: background-position 0.3s ease;
  -o-transition: background-position 0.3s ease;
  transition: background-position 0.3s ease;*/
  position: relative;
}
#toolbarToggle span {
  position: absolute;
  z-index: 110;
}

/** 三级导航样式 */
.dropdown:hover .menu-top {display: block;}
.dropdown-submenu{position:relative;}
.dropdown-submenu > .dropdown-menu{
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu{display:block;}
.dropdown-submenu > a:after{
  display:block;
  content:" ";
  float:right;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#cccccc;
  margin-top:5px;
  margin-right:-10px;
}
.dropdown-submenu:hover > a:after{  border-left-color:#ffffff;}
.dropdown-submenu .pull-left{    float:none;}
.dropdown-submenu.pull-left > .dropdown-menu{
  left:-100%;
  margin-left:10px;
  -webkit-border-radius:6px 0 6px 6px;
  -moz-border-radius:6px 0 6px 6px;
  border-radius:6px 0 6px 6px;
}

/** 分页 */
.pagination {text-align:center;font-size:12px;overflow:hidden;font-family:Helvetica,\5FAE\8F6F\96C5\9ED1;padding:11px 0 0;}  
.pagination a{background:#E6E6E6;color:#000;line-height:26px;border:1px solid #BCBCBC;zoom:0;}
.pagination a, .pagination span {display:inline-block;padding:0 8px;margin-right:8px;}
.pagination .current{line-height:26px;color:#fff;background:#6582DC;text-decoration:none;border:1px solid #358FE4;}
.pagination .current.prev, .pagination .current.next{border:1px solid #BCBCBC;background:#E6E6E6;color:#6C6C6C;}
.pagination a:hover{text-decoration:none;color:#fff;background:#6582DC;}

/** TAB组件 */
.J_menuTab {-webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.active-block{
  width: 80px;
  background-color: #1ab394;
  color: #fff;
  padding: 2px 6px;
  text-decoration: none;
}
.active-block:hover, .active-block:active, .active-block:visited{
  color: #fff;
  text-decoration: none;
}

/** 首页列表展示 */
.home-left-list{width:100%;float:left;margin-top:12px;}
.home-left-list li{list-style:none;}
.home-left-list li{width:100%;float:left;border-bottom:1px solid #E5E5E5;padding:15px 0; position:relative;}

.home-left-list li .pic{width:173px; height:112px;float:left; position:relative; overflow:hidden;margin-left:}
.home-left-list li .pic img{width:173px; height:112px;}
.home-left-list li .pic p{ position:absolute; background:url(../images/bg-1.png);/*width:68px;*/ padding:0 10px; text-align:center; height:30px; line-height:30px;left:0;top:0;}
.home-left-list li .pic p a{font-size:16px;color:#fff;}
.home-left-list li .pic p:hover{background-color:#000000;}
.home-left-list li .rinfo{float:left;padding-left:15px;width:430px;}
.home-left-list li .rinfo a{font-size:20px;width:390px; display:inline-block}
.home-left-list li .rinfo p{font-size:14px;padding-top:4px;color:#666; line-height:20px;}
.home-left-list li .rinfo .time{font-size:12px; line-height:normal;padding-top:6px;}
.home-left-list li .rinfo .time i{ font-style:normal;color:#666; display:inline-block; line-height:21px;}
.home-left-list li .rinfo .time span{ display:none;}
.home-left-list li .rinfo .time span a.tag{ width:auto;display:inline-block; background:#E5E5E5; height:21px;-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px;padding:0 10px;font-size:12px;margin:0 5px; line-height:21px;}
.home-left-list li .rinfo .time span a.tag:hover{ background:#CC0000;color:#fff;}
.home-left-list li:hover{ background:#F7F7F7}
.home-left-list li:hover .rinfo .time span{ display:inline-table;}
.home-left .more{width:100%;float:left;margin-top:15px;}
.home-left .more a{width:100%; height:44px; line-height:44px; background:#F1F1F1; display:block; text-align:center;font-size:16px;}
.trans,.home-left-list span a{
  -webkit-transition: all .5s ease;
  -moz-transition:all .5s ease;
  -o-transition:all .5s ease;
  -ms-transition:all .5s ease;
  transition:all .5s ease;
}
.rotate180:hover{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

/**
 * tree树型菜单
 */
.tree-view{
  margin:0px;
  padding:0;
  max-height: 280px;
  _height:280px;
  overflow: auto;
}
.tree-view li{
  list-style:none;
  margin-left: 0px;
}
.tree-view li>div{
  padding:5px;  
}
.tree-view li>div:link, .tree-view li>div:hover, .tree-view li>div:active, .tree-view li>div:visited{
  background: #e5f0fb;
}
.tree-view .active{
  background: #e5f0fb;
  border: 1px solid #BBD4EF;
}
.text-field{
  cursor: pointer;
}
.check-box{
  width: 24px;
  height: 18px;
  border-radius: 8px;
}

/** timeline列表，用于物流状态跟踪等 */
.track-list{
  margin: 20px;
  height: 216px;
  padding-left: 5px;
  overflow-y: auto;
  position: relative;
}
.track-list li{position:relative;padding:9px 0 0 25px;line-height:18px;border-left:1px solid #d9d9d9;color:#999}
.track-list li .node-icon{position:absolute;left:-6px;top:50%;width:11px;height:11px;background:url(../images/sprite/order-icons.png) -21px -72px no-repeat}
.track-list li .time,.track-list li .txt{position:relative;top:4px;display:inline-block;*display:inline;*zoom:1;vertical-align:middle}
.track-list li .txt{max-width:505px}
.track-list li .time{margin-right:20px}
.track-list li.first{color:#e4393c;padding-top:0;border-left-color:#fff}
.track-list li.first .node-icon{background-position:0 -72px}
.track-list::-webkit-scrollbar{width:7px;height:9px}
.track-list::-webkit-scrollbar-button:end:increment,
.track-list::-webkit-scrollbar-button:start:decrement{
  display:block;height:0;background-color:transparent
}
.track-list::-webkit-scrollbar-track-piece{
  -webkit-border-radius:0;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;background:#ebebeb
}
.track-list::-webkit-scrollbar-thumb:vertical{height:50px;background-color:rgba(0,0,0,.2);-webkit-border-radius:4px}
.track-list::-webkit-scrollbar-thumb:horizontal{width:50px;background-color:rgba(0,0,0,.2);-webkit-border-radius:4px}
.track-list{scrollbar-face-color:#c7c7c7;scrollbar-highlight-color:#c7c7c7;scrollbar-3dlight-color:#c7c7c7;scrollbar-darkshadow-color:#c7c7c7;scrollbar-Shadow-color:#c7c7c7;scrollbar-arrow-color:#c7c7c7;scrollbar-track-color:#ebebeb}

/** 多图片预览插件 */
.img-dialog{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2000;
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #999;
  background: #000;
  outline: 0;
}
.img-dialog .closeBtn{
  font-size: 40px;
  padding-right: 20px;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0px;
  right: 0px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font-family: sans-serif, tahoma, arial, "宋体"!important;
  z-index: 2001;
}
.img-dialog .img-body{
  float: left;
  overflow: hidden;
  width: 85%;
  height: 100%;
  position: relative;
}
.img-dialog .img-wrap{
  padding: 10px 60px 15px;
  vertical-align: middle;
  text-align: center;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.img-dialog .img-wrap img{
  vertical-align: middle;
  outline: 0;
  border: 0;
  position: absolute;
  overflow: hidden;
  z-index: 1;
  opacity: 0;
}
.img-dialog .img-nav{
  padding: 10px 60px 15px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.img-nav .img-nav-prev, .img-nav .img-nav-next{
  width: 49%;
  height: 100%;
  position: relative;
  outline:0;
  display: block;
  z-index: 10;
  cursor: pointer;
}
.img-dialog .img-nav .img-nav-prev{
  float: left;
  display: inline-block;
}
.img-dialog .img-nav .img-nav-next{
  float: right;
  display: inline-block;
}
.img-nav .img-nav-prev .nav-prev, .img-nav .img-nav-next .nav-next{
  width: 44px;
  height: 150px;
  line-height: 150px;
  background-color: #000;
  position: absolute;
  top: 50%;
  margin-top: -19px;
  text-align: center;
  display: none;
}
.img-nav .img-nav-prev .nav-prev{
  left: 0px;
}
.img-nav .img-nav-next .nav-next{
  right: 0px;
}
.img-nav .img-nav-prev .nav-prev i, .img-nav .img-nav-next .nav-next i{
  font-size: 150px;
  width: 44px;
  height: 150px;
  line-height: 150px;
  display: inline-block;
}
.img-dialog .img-loader{
  position: absolute;
  width: 65px;
  height: 10px;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -32px;
  z-index: 2500;
  display: block;
  background: url(../upload/loading/loading.gif) no-repeat 2px 2px;
}
.img-dialog .img-sidebar{
  float: left;
  width: 15%;
  height: 100%;;
  overflow: hidden;
  position: relative;
}
.img-dialog .img-sidebar .box{
  color: #cdcdcd;
  font-size: 12px;
  height: 100%;
  font-weight: 400;
  background-color: #161616;
}
.img-dialog .img-sidebar .file-info{
  line-height: 20px;
  list-style-type: none;
  padding: 60px 0 0 10px;
  margin: 0 0 18px 15px;
}
.img-dialog .img-sidebar .file-info .title{
  /*overflow: hidden;*/
  /*white-space: nowrap;*/
  text-overflow: ellipsis;
}

/** 左右多选下拉列表 */
.multi-choice{
  height: 150px;
}

.multi-choice .left{
  width: 30%;
  height: 100%;
  float: left;
  position: relative;
}
.multi-choice select{
  height: 100%;
}
.multi-choice button.btn-primary{
  padding:0px;
}
.multi-choice button>i{
  font-size: 50px;
  width: 25px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

.multi-choice button>i.fa-angle-right{
  padding-left: 5px;
}

.multi-choice .middle{
  position: relative;
  height: 100%;
  float: left;
  width: 80px; 
}
.multi-choice .middle .btn-group{
  position: absolute;
  left: 50%;
  top: 50%;
  height: 80px;
  width: 50px;
  margin-left: -18px;
  margin-top: -30px;
}
.multi-choice .middle .splitter{
  margin-bottom: 5px;
}
.multi-choice .right{
  position: relative;
  width: 30%;
  height: 100%;
  float: left;
}

/** 用户角色权限授权 */
.priviledge-item{
  width:100%; padding: 5px 20px;color: #333; background-color: #f5f5f5; border-color: #ddd;
}

/** TODO列表 */
.agile-list{list-style:none;margin:0}
.agile-list li{background:#FAFAFB;border:1px solid #e7eaec;margin:0 0 10px;padding:10px;border-radius:2px}
.agile-list li:hover{cursor:pointer;background:#fff}
.agile-list li.warning-element{border-left:3px solid #f8ac59}
.agile-list li.danger-element{border-left:3px solid #ed5565}
.agile-list li.info-element{border-left:3px solid #1c84c6}
.agile-list li.success-element{border-left:3px solid #1ab394}
.agile-detail{margin-top:5px;font-size:12px}
.sortable-list{padding:10px 0}
.ui-sortable-placeholder{border:1px dashed #cecece!important;visibility:visible!important;background:#e7eaec}
.ui-sortable .ibox-title{cursor:move}
.ibox.ui-sortable-placeholder{margin:0 0 23px!important}

.ibox-content h1,.ibox-content h2,.ibox-content h3,.ibox-content h4,.ibox-content h5,.ibox-title h1,.ibox-title h2,.ibox-title h3,.ibox-title h4,.ibox-title h5{margin-top:5px}
.ibox-content.text-box{padding-bottom:0;padding-top:15px}
.ibox{clear:both;margin-bottom:25px;margin-top:0;padding:0}
.ibox.collapsed .ibox-content{display:none}
.ibox.collapsed .fa.fa-chevron-up:before{content:"\f078"}
.ibox.collapsed .fa.fa-chevron-down:before{content:"\f077"}
.ibox:after,.ibox:before{display:table}
.ibox-title{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:#fff;border-color:#e7eaec;-webkit-border-image:none;-o-border-image:none;border-image:none;border-style:solid solid none;border-width:4px 0 0;color:inherit;margin-bottom:0;padding:14px 15px 7px;min-height:48px}
.ibox-content{background-color:#fff;color:inherit;padding:15px 20px 20px;border-color:#e7eaec;-webkit-border-image:none;-o-border-image:none;border-image:none;border-style:solid solid none;border-width:1px 0}
.ibox-content{clear:both}
.ibox-heading{background-color:#f3f6fb;border-bottom:none}
.ibox-heading h3{font-weight:200;font-size:24px}
.ibox-title h5{display:inline-block;font-size:14px;margin:0 0 7px;padding:0;text-overflow:ellipsis;float:left}
.ibox-title .label{float:left;margin-left:4px}
.ibox .open>.dropdown-menu{left:auto;right:0}

/** 首页后侧导航条（返回顶部） */
.scrollSidebar{position:fixed; bottom:20px; right:30px;z-index: 999; opacity:1; display: none;}
.scrollSidebar a{display: block; width: 38px; height: 38px; border-radius: 2px; background-color: #999; padding:9px 8px; text-align: center;cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,.2); color: #fff; font-size: 18px;}
.scrollSidebar a:hover, .scrollSidebar a:active{
  background-color: #444;
}

/** 上传任务列表 */
.dialog{position:fixed;border:3px solid #999;background:#fff;box-shadow:0 0 9px #999;-webkit-transtion:bottom .1s;overflow:hidden; width: 300px; top: auto; bottom: 0px; left: auto; right: 14px; display: block; visibility: visible; z-index: 999;}
@media (max-width:767px){
  .dialog{ width: 300px; }
}
@media (min-width:768px){
  .dialog{ width: 433px; }
}
@media (min-width:1200px){
  .dialog{ width:  633px;}
}

.dialog-blue{border:0 none;*border:1px solid #999;}
.dialog .dialog-min-header h3,.dialog .dialog-header h3{position:relative;display:block;height:42px;line-height:42px;text-indent:1em;font-size:14px;font-weight:700;}
.dialog .dialog-header-title{display:block;padding-top:13px;line-height:16px;margin-right:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dialog .dialog-header-title .select-text{font-style:normal;cursor:text;}
.dialog .dialog-drag{cursor:move}
.dialog .dialog-body{background:#fff;line-height:24px}
.dialog .dialog-min-header,.dialog .dialog-header{position:relative;color:#333;background:#eee url(../images/sprite/dialog-head.png) repeat-x 0 0;-webkit-user-select:text;-moz-user-select:text;-o-user-select:text;-ms-user-select:text;-khtml-user-select:text;user-select:text}
/*.dialog .dialog-min-header{display:none}*/
.dialog .dialog-min-header .hasicon,.dialog .dialog-header .hasicon{padding-left:35px;text-indent:0}
.dialog .dialog-min-header .hasicon i,.dialog .dialog-header .hasicon i{position:absolute;width:22px;height:22px;top:10px;left:10px}
.dialog .dialog-control{position:absolute;right:10px;top:10px;height:20px}
.dialog .dialog-control span{cursor:pointer;float:right;text-indent:500px}
.dialog .dialog-icon{background:url(../images/sprite/dialog-icon.png) no-repeat 0 0;height:20px;width:20px}
.dialog .dialog-close{background-position:0 0}
.dialog .dialog-max{background-position:-40px 0}
.dialog .dialog-back{background-position:-40px 0}
.dialog .dialog-min{background-position:-20px 0}

.dialog-primary .dialog-min-header,.dialog-primary .dialog-header{color:#fff;background:#1ab394;}

.dialog-blue .dialog-min-header,.dialog-blue .dialog-header{color:#fff;background:#4190e7 url(../images/sprite/dialog-head.png) repeat-x 0 -53px}
.dialog-blue .dialog-close{background-position:-80px 0}
.dialog-blue .dialog-min{background-position:-60px 0}
.dialog-blue .dialog-max,.dialog-blue .dialog-back{background-position:-40px 0}
.dialog .dialog-footer{padding-bottom:20px;background:#fff;text-align:center}
.dialog .dialog-footer .g-button{margin:10px 5px 23px}
.dialog .dialog-footer .dialog-btn-left{float:left;margin-right:10px}
.dialog .dialog-footer .dialog-btn-right{float:right;margin-left:10px}
.dialog .dialog-footer .dialog-btn-center{margin:0 5px}

.dialog-web-uploader .header-progress{position:absolute;top:0;width:0;height:100%;*height:40px;background:#87c4fb;transition:width .2s}
.dialog-web-uploader li{ list-style: none; } 
.dialog-web-uploader .file-name{position:relative;float:left;overflow:hidden;width:60%;height:40px;white-space:nowrap;text-indent:35px;text-overflow:ellipsis}
.dialog-web-uploader .file-name .folder-count{float:right;text-indent:3px}
.dialog-web-uploader .file-name .name-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fileicon-small-pic {
    background-image: url(../images/sprite/listIcon.png);
    background-position: 0 0;
}
.dialog-web-uploader .file-icon{position:absolute;top:12px;left:14px;width:16px;height:16px}
.dialog-web-uploader .file-size{float:left;width:20%;height:40px;text-indent:10px}
.dialog-web-uploader .file-path{float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:13%;height:40px}
.dialog-web-uploader .file-status{position:relative;float:left;width:20%;height:40px}
.dialog-web-uploader .file-operate{float:left;width:10%;height:40px}
.dialog-web-uploader .uploader-list-wrapper{position:relative}
.dialog-web-uploader .uploader-list-header{overflow:hidden;height:35px;border-bottom:1px solid #ebebeb;line-height:35px;color:#9a9a9a}
.dialog-web-uploader .uploader-list-header div{height:35px}
.dialog-web-uploader .uploader-list-header .file-name{float:left;width:60%;text-indent:8px}
.dialog-web-uploader .uploader-list-header .file-operate{padding:0}

/*.dialog-web-uploader .tips{position:absolute;top:0;display:none;width:100%;height:35px;line-height:35px;color:#666;background:#f8ebbf}
.dialog-web-uploader .tips .close{position:absolute;font-size:16px;top:0;right:6px;font-style:normal;cursor:pointer}
.dialog-web-uploader .tips .close:hover{opacity:.8}
.dialog-web-uploader .resident-caution .arrow-outer,.dialog-web-uploader .resident-caution .arrow-inner{width:0;height:0;line-height:0;*font-size:0;border:10px solid #E3E3E3;border-color:transparent transparent #E3E3E3;position:absolute;top:20px;left:8px;z-index:101}
.dialog-web-uploader .resident-caution .arrow-inner{border-color:transparent transparent #FFF}
.dialog-web-uploader .tips .icon,.dialog-web-uploader .tips .text,.dialog-web-uploader .tips .g-button,.dialog-web-uploader .resident-caution .arrow-outer,.dialog-web-uploader .resident-caution .arrow-inner,.dialog-web-uploader .resident-caution .caution-title{display:none}
.dialog-web-uploader .tips.has-error .icon,.dialog-web-uploader .tips.has-error .text,.dialog-web-uploader .tips.has-error .g-button,.dialog-web-uploader .has-error .resident-caution .caution-title{display:block}
.dialog-web-uploader .tips.has-error .resident-caution{float:right;position:relative;margin-right:25px;_display:none}
.dialog-web-uploader .has-error .resident-caution:hover .caution-text,.dialog-web-uploader .has-error .resident-caution:hover .arrow-outer,.dialog-web-uploader .has-error .resident-caution:hover .arrow-inner{display:block}
.dialog-web-uploader .tips.has-error .caution-title{display:block;text-indent:0;margin-left:10px;padding-left:20px;height:32px;line-height:32px;color:#666;width:30px;background:url(../images/sprite/upload-caution_6b45bfe.png) 0 10px no-repeat;cursor:pointer}
.dialog-web-uploader .tips .caution-text{padding-left:10px}
.dialog-web-uploader .tips.has-error .caution-text{position:absolute;z-index:100;padding:8px;line-height:1.5;color:#777;border:1px solid #E3E3E3;width:206px;top:36px;left:-176px;box-shadow:0 2px 2px #999;cursor:default;background:#FFF;display:none}
.dialog-web-uploader .tips .icon{position:absolute;top:8px;left:8px;width:18px;height:18px;background:url(../images/sprite/success-tips.gif) no-repeat}
.dialog-web-uploader .tips .icon-caution{background:url(../images/sprite/upload-caution.png) no-repeat}
.dialog-web-uploader .tips .icon-error{background:url(../images/sprite/operate-icon.png) -21px -78px no-repeat}
.dialog-web-uploader .tips .text{overflow:hidden;width:72%;height:35px;line-height:35px;text-indent:35px;text-overflow:ellipsis}
.dialog-web-uploader .tips .g-button{float:right;position:relative;top:4px}
.dialog-web-uploader .dialog-min-header .tips{position:relative}*/

.dialog-web-uploader .uploader-list{position:relative;overflow:hidden;overflow-y:auto;min-height: 80px; max-height:340px}
.dialog-web-uploader .wpcontainer{position:relative;overflow:hidden;color:#666; padding: 0px;}
.dialog-web-uploader .file-list{position:relative;height:40px;border-bottom:1px solid #ebebeb;line-height:40px}
.dialog-web-uploader .file-list .process{position:absolute;z-index:0;height:100%;*height:40px;background:#abd7fb}
.dialog-web-uploader .file-list .info{position:absolute;width:100%;height:100%}
.dialog-web-uploader .file-list .file-status{text-indent:20px;overflow:hidden;text-overflow:ellipsis}
/*.dialog-web-uploader .file-list .file-status span{display:none}*/
.dialog-web-uploader .file-list .uploading .progress{
  height:20px;
  margin-top:10px;
}
.dialog-web-uploader .file-list em,.dialog-web-uploader .file-list i{font-style:normal}
.dialog-web-uploader .file-list .success em,.dialog-web-uploader .file-list .error em{position:absolute;top:14px;left:0;display:block;width:16px;height:16px;background:url(../images/sprite/operate-icon.png) -100px -100px no-repeat}
.dialog-web-uploader .file-list.status-waiting .file-status .waiting,.dialog-web-uploader .file-list.status-prepare .file-status .prepare,.dialog-web-uploader .file-list.status-uploading .file-status .uploading,.dialog-web-uploader .file-list.status-error .file-status .error,.dialog-web-uploader .file-list.status-pause .file-status .pause,.dialog-web-uploader .file-list.status-cancel .file-status .cancel,.dialog-web-uploader .file-list.status-success .file-status .success{display:inline}
.dialog-web-uploader .file-operate .error-link{padding:2px 10px;background-color:#4190E7;color:#fff;top:-12px;position:relative;display:none}
.dialog-web-uploader .file-list.status-waiting .file-status,.dialog-web-uploader .file-list.status-prepare .file-status,.dialog-web-uploader .file-list.status-uploading .file-status,.dialog-web-uploader .file-list.status-pause .file-status,.dialog-web-uploader .file-list.status-cancel .file-status{text-indent:0}
.dialog-web-uploader .file-list.status-success .success em{background-position:1px -80px}
.dialog-web-uploader .file-list.status-error .error em{background-position:-22px -80px}
.dialog-web-uploader .file-list.status-success .success i{font-style:normal;text-indent:20px}
.dialog-web-uploader .file-list.status-cancel .process,.dialog-web-uploader .file-list.status-error .process,.dialog-web-uploader .file-list.status-success .process{display:none!important}
.dialog-web-uploader .file-operate{height:16px;padding:12px 0}
.dialog-web-uploader .file-operate em{display:none;float:left;width:16px;height:16px;margin-right:10px;background:url(../images/sprite/operate-icon.png) no-repeat;cursor:pointer}
.dialog-web-uploader .status-locked .file-operate{opacity:.5}
.dialog-web-uploader .status-locked .file-operate em{cursor:default;*display:none}
.dialog-web-uploader .file-list.status-error{background-color:#ffeaea}
.dialog-web-uploader .file-operate em.operate-pause,.dialog-web-uploader .status-locked .file-operate em.operate-pause:hover{background-position:0 0}
.dialog-web-uploader .file-operate em.operate-pause:hover{background-position:-21px 0}
.dialog-web-uploader .file-operate em.operate-continue,.dialog-web-uploader .status-locked .file-operate em.operate-continue:hover{background-position:0 -17px}
.dialog-web-uploader .file-operate em.operate-continue:hover{background-position:-21px -17px}
.dialog-web-uploader .file-operate em.operate-remove,.dialog-web-uploader .status-locked .file-operate em.operate-remove:hover{background-position:0 -34px}
.dialog-web-uploader .file-operate em.operate-remove:hover{background-position:-21px -34px}
.dialog-web-uploader .file-operate em.operate-retry,.dialog-web-uploader .status-locked .file-operate em.operate-retry:hover{background-position:0 -53px}
.dialog-web-uploader .file-operate em.operate-retry:hover{background-position:-21px -53px}
.dialog-web-uploader .file-list.status-waiting .file-operate em.operate-pause,.dialog-web-uploader .file-list.status-waiting .file-operate em.operate-remove,.dialog-web-uploader .file-list.status-uploading .file-operate em.operate-pause,.dialog-web-uploader .file-list.status-uploading .file-operate em.operate-remove,.dialog-web-uploader .file-list.status-error .file-operate em.operate-retry,.dialog-web-uploader .file-list.status-pause .file-operate em.operate-continue,.dialog-web-uploader .file-list.status-pause .file-operate em.operate-remove,.dialog-web-uploader .file-list.status-cancel .file-operate em.operate-retry{display:block;*display:inline;*zoom:1}
.dialog-web-uploader.flash-uploader em.operate-pause,.dialog-web-uploader.flash-uploader em.operate-retry,.dialog-web-uploader.flash-uploader em.operate-continue,.dialog-web-uploader .no-retry em.operate-retry{display:none!important}
.icon-upload{background:url(../images/sprite/sys-icon_b547193.png) no-repeat 0 0}
.nowrap-line{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.expressLog-container{
  position: relative;
  width: 100%;
  padding: 5px 15px 0 38px;
  font-size: 12px;
  line-height: 1.5;
  box-sizing: border-box;
}
.expressLog-list{position: relative}
.expressLog-list .expressLog-item{
  position: relative;
  padding: 10px 0;
  color: #999;
}
.expressLog-list .expressLog-item:after{
  content: "\20";
  display: block;
  width: 1px;
  height: 100%;
  background: #999;
  position: absolute;
  left: -20px;
  top: 20px;
}
.expressLog-list .expressLog-item:first-child{color: #333}
.expressLog-list .expressLog-item:first-child i{border-color: #fb8a00}          
.expressLog-list .expressLog-item:first-child i:after{background-color: #fb8a00}
.expressLog-list .expressLog-item:last-child:after{background: none}
.expressLog-list .expressLog-item i{
  position: absolute;
  left: -24px;
  top: 13px;
  display: block;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #999;
  z-index: 1;
}
.expressLog-list .expressLog-item i:after{
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -3px;
  content: "\20";
  display: block;
  width: 6px;
  height: 6px;
  background: #999;
  border-radius: 6px;
}
.expressLog-list .expressLog-item .msg-box{position: relative}
.expressLog-list .expressLog-item small{
  font-size: 10px;
  color: #999;
}              

/**
 * me-pageload.css
 */
 /*.pageload-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  top: 0;
  left: 0;
  visibility: hidden;
 }

 .pageload-overlay.show {
  visibility: visible;
 }

 .pageload-overlay svg {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
 }

 .pageload-overlay svg path {
  fill: #fff;
 }

 .pageload-overlay::after,
 .pageload-overlay::before {
  content: '';
  position: fixed;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -10px;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  z-index: 10000;
  -webkit-transition: opacity 0.15s, visibility 0s 0.15s;
  transition: opacity 0.15s, visibility 0s 0.15s;
 }

 .pageload-overlay::after {
 background: #6cc88a;
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
 -webkit-animation: moveRight 0.6s linear infinite alternate;
 animation: moveRight 0.6s linear infinite alternate;
 }

 .pageload-overlay::before {
 background: #4fc3f7;
 -webkit-transform: translateX(20px);
 transform: translateX(20px);
 -webkit-animation: moveLeft 0.6s linear infinite alternate;
 animation: moveLeft 0.6s linear infinite alternate;
 }

 @-webkit-keyframes moveRight {
 to { -webkit-transform: translateX(20px); }
 }

 @keyframes moveRight {
 to { transform: translateX(20px); }
 }

 @-webkit-keyframes moveLeft {
 to { -webkit-transform: translateX(-20px); }
 }

 @keyframes moveLeft {
 to { transform: translateX(-20px); }
 }

 .pageloading-loading.pageload-overlay::after,
 .pageloading-loading.pageload-overlay::before {
 opacity: 1;
 visibility: visible;
 -webkit-transition: opacity 0.3s;
 transition: opacity 0.3s;
 }